// 按钮
.web-react {
  .ant-input-search {
    .ant-input-group {
      .ant-input-search-button {
        min-width: 30px !important;
        height: 30px;
        padding: 0 5px !important;
      }
    }
  }

  .ant-btn {
    min-width: 70px;
    height: 30px;
    padding: 5px 21px;
    color: var(--color-c02);
    font-size: 14px;
    line-height: 18px;
    border-color: var(--color-c05);
    border-radius: 4px;
    &:hover {
      color: var(--color-c01);
      border-color: var(--color-c01);
    }
    &::after {
      content: none;
    }
  }
  .seaInput {
    .ant-input-group-addon {
      .ant-btn {
        min-width: 0;
        padding: 0;
      }
    }
  }
  .ant-btn-primary {
    color: #fff;
    text-shadow: none;
    background: var(--color-c01);
    border-color: var(--color-c01);
    box-shadow: none;
    &:hover {
      color: #fff;
      opacity: 0.7;
    }
  }
  .ant-btn[disabled] {
    color: var(--color-c04);
    background: var(--color-c06);
    border: var(--color-c05);
    &:hover {
      opacity: 1;
    }
  }
  .ant-btn-link {
    min-width: fit-content;
    padding: 5px 0;
    color: var(--color-c01);
    line-height: 22px;
    border: none;
    &:hover {
      opacity: 0.7;
    }
  }
  .ant-btn-link[disabled] {
    background: none;
    border: none;
  }
  .ant-btn-loading {
    > span {
      display: none;
    }
    > .ant-btn-loading-icon {
      display: inline-block;
      > .anticon-loading {
        padding-right: 0;
      }
    }
  }
  .searchBox {
    .ant-btn {
      min-width: 60px !important;
      padding-left: 30px !important;
      border: 1px solid var(--color-c05) !important;
      border-left: none !important;
    }
  }
}
